<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--<div>-->
<div style="display: flex">
<!--  <span style="float: left">-->
  <span>
    <div>111</div>
    <div><span>22</span><span>bbbb22bbbb</span></div>
    <div>333eeeeeeeeeeeeeeeee</div>
    <div>44</div>
  </span>
<!--  <span style="float: left">-->
  <span>
    <div>1112</div>
    <div>222</div>
    <div>3332</div>
    <div>442</div>
  </span>
</div>


<footer>
  <p>作者：Bill Gates<br>
    <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>




</body>
</html>